﻿/* Table of Content
==================================================
	#Dot less css - Variables
	#Dot less css - Mixins	
		
	#Page Styles
        #Template
	    #My page
        #Command bar

	#Media Queries
        /* Extra small devices (phones, less than 768px)
		/* Small devices (tablets, 768px and up)
		/* Medium devices (desktops, 992px and up)
		/* Large devices (large desktops, 1200px and up)

================================================== */

/* ====================================================== */
/* #Dot less css - Variables ============================ */
/* ====================================================== */
@screen-xs-max:767px;
@screen-sm-min: 768px;
@screen-sm-max: 991px;
@screen-md-min: 992px;
@screen-lg-min: 1200px;

@bg-color:#5E87B0;

/* ====================================================== */
/* #Dot less css - Mixins =============================== */
/* ====================================================== */
.rounded-corners(@radius: 13px) {
    border-radius: @radius; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
    -webkit-border-radius: @radius; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: @radius; /*Firefox*/
    //behavior: url(images/PIE.htc);
}

.box-sizing(@value: border-box) {
    box-sizing: @value;
    -moz-box-sizing: @value;
    -webkit-box-sizing: @value;
}

.box_shadow(@value: 0 0 4px 0 #fff) {
    -webkit-box-shadow: @value; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    box-shadow: @value; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
}

.box_transition(@time: 0.3s,@effect: ease-out,@property: all) {
    -webkit-transition: @property @time @effect; /* Safari 3.2+, Chrome */
    -moz-transition: @property @time @effect; /* Firefox 4-15 */
    -o-transition: @property @time @effect; /* Opera 10.5–12.00 */
    transition: @property @time @effect; /* Firefox 16+, Opera 12.50+ */
}

.box_animation(@time: 1s) {
    -webkit-animation: myanim @time infinite; /* Safari 5, Chrome */
    -moz-animation: myanim @time infinite; /* Firefox 5-15 */
    -o-animation: myanim @time infinite; /* Opera 12+ */
    animation: myanim @time infinite; /* Safari 5, Chrome, Firefox 16+ */
    animation-iteration-count: 1;
    -moz-animation-iteration-count: 1; /* Firefox */
    -webkit-animation-iteration-count: 1; /*Safari and Chrome*/
    -o-animation-iteration-count: 1; /* Opera */
}

.box_rotate(@degree: 180deg) {
    -webkit-transform: rotate(@degree); /* Safari 3.1+, Chrome */
    -moz-transform: rotate(@degree); /* Firefox 3.5-15 */
    -ms-transform: rotate(@degree); /* IE9+ */
    -o-transform: rotate(@degree); /* Opera 10.5-12.00 */
    transform: rotate(@degree); /* Firefox 16+, Opera 12.50+ */
}

.column-count(@number: 2) {
    -moz-column-count: @number; /* Firefox */
    -webkit-column-count: @number; /* Safari and Chrome */
    column-count: @number;
}
/* =================================================================================================== */

/* ====================================================== */
/* #Media Queries ======================================= */
/* ====================================================== */

/* Extra small devices (phones, less than 768px) */
@media (max-width: @screen-xs-max) {
    
}
/* =================================================================================================== */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {

}
/* =================================================================================================== */

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) {

}
/* =================================================================================================== */

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) {

}
/* =================================================================================================== */